/* --- callout styles --- */


div.callout {
	margin: 0;
	padding: 0;
	
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
	width: 162px;
	float: none;
	display: none;
	font-size:80%;
}

div.callout.visible {
	display: block;
}


div.callout div.content p {
	margin: 0;
}
/* --- help callout --- */

div.callout.help {
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 7px 0px;
	width: 210px;
	background: transparent url(/images/help_bottom.png) no-repeat bottom left;
}

div.callout.help div.content {
	background: transparent url(/images/help_top.png) no-repeat top left;
}


/* ---  form field info callout --- */

div#contentBody fieldset div.row div.callout {	
	margin: 8px 0px 0px 0px;
	padding: 0 0 8px 0;
	top: -16px;
	left: 485px;
	width: 213px;
	background: transparent url(/images/tooltip_bottom.png) no-repeat right bottom;	
}

/* --- variant positions --- */

div#contentBody div.panel fieldset div.row div.callout {
	left: 480px;	
}

div#contentBody fieldset div.row div.callout div.content {
	margin: -8px 0px 0px 0px;
	padding: 12px 15px 1px 27px;
	background: transparent url(/images/tooltip_top.png) no-repeat 0px 0px;
	position: relative;  /* --- for ie --- */
	width: 169px;  /* --- stops peekaboo errors in ie --- */
}

div#contentBody fieldset div.row div.callout div.content p {
	margin-bottom: 10px;	
}

div#contentBody fieldset div.row div.callout {
	display: none;
}

div#contentBody fieldset div.row.showToolTip div.callout {
	display: block;
}








/* --- calloutWide styles --- */


div.calloutWide {
	margin: 0;
	padding: 0;
	
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
	width: 362px;
	float: none;
	display: none;
	font-size:80%;
}

div.calloutWide.visible {
	display: block;
}


div.calloutWide div.contentWide p {
	margin: 0;
}
/* --- help callout --- */

div.calloutWide.help {
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 7px 0px;
	
	width: 410px;
	
	background: transparent url(/images/help_bottom.png) no-repeat bottom left;
}

div.calloutWide.help div.contentWide {
	background: transparent url(/images/help_top.png) no-repeat top left;
}


/* ---  form field info callout --- */

div#contentBody fieldset div.row div.calloutWide {	
	margin: 8px 0px 0px 0px;
	padding: 0 0 8px 0;
	top: -20px;
	left: 500px;

	width: 413px;
	background: transparent url(/images/tooltip_bottomWide.png) no-repeat right bottom;	
}

/* --- variant positions --- */

div#contentBody div.panel fieldset div.row div.calloutWide {
	left: 480px;	
}

div#contentBody fieldset div.row div.calloutWide div.contentWide {
	margin: -8px 0px 0px 0px;
	padding: 12px 15px 1px 27px;
	background: transparent url(/images/tooltip_topWide.png) no-repeat 0px 0px;
	position: relative;  /* --- for ie --- */
	width: 369px;  /* --- stops peekaboo errors in ie --- */
}

div#contentBody fieldset div.row div.calloutWide div.contentWide p {
	margin-bottom: 10px;	
}

div#contentBody fieldset div.row div.calloutWide {
	display: none;
}

div#contentBody fieldset div.row.showToolTip div.calloutWide {
	display: block;
}






/* ---------------------------------------------------------------------------------------------------- */
/* --- category chooser callout --- 

div.categoryChooser {
	width: 163px;

}
*/
/* --- add mode; --- 

div.categoryChooser {
	margin: 0 0 9px 0;
	padding: 8px 0 0 0;
	
	background: transparent url(/images/category_top.png) no-repeat top left;
	
	width: 163px;	
}

div.categoryChooser div.chooser {
	margin: 0 0 -9px 0;
	padding: 0px 2px 9px 15px;
	background: transparent url(/images/category_bottom.png) no-repeat bottom right;
	position: relative;
	width: 146px;
}

div.categoryChooser div.changer {
	display: none;
}
*/
/* --- edit mode; --- 

div.categoryChooser.edit {
	padding-top: 0px;
	margin-bottom: 0px;
	background-image: none;
}

div.categoryChooser.edit div.chooser {
	margin-bottom: 0px;
	padding: 8px 0px 0px 0px;
	background: transparent url(/images/category_top.png) no-repeat top left;
	width: 163px;
}

div.categoryChooser.edit div.chooser div.content {
	padding: 0px 2px 0px 15px;
	background: transparent url(/images/category_bottom_edit.png) no-repeat bottom right;	
	width: 146px;
}


div.categoryChooser.edit div.changer {
	margin: 0;
	padding: 0px 2px 8px 15px;
	display: block;
	background: transparent url(/images/category_bottom_edit_bottom.png) no-repeat -1px bottom;
}

div.categoryChooser.edit div.changer div.content {
	padding: 5px 10px 0px 9px;
	border-top: 1px solid #e2e2e2;
	overflow: hidden;
}
*/

/* --- general stuff; --- 


div.categoryChooser ul {
	margin: 0;
	padding: 0 2px 0 0;
	list-style-type: none;	
	float: none;
}


div.categoryChooser div.controls {
	padding: 4px 10px 4px 9px;
}

div.categoryChooser ul.categories li a,
div.categoryChooser ul.categories li span {
	width: 108px;
}

div.categoryChooser ul.categories li.current {
	display: none;
}
*/
/* --- edit form; --- 

div.categoryChooser.edit div.changer form {
	overflow: hidden;
}

div.categoryChooser.edit div.changer form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}


div.categoryChooser div.changer form input.checkbox {
	float: left;
	margin: 0;
	padding: 0;
}

div.categoryChooser div.changer form label {
	margin: 0 0 10px 24px;
	display: block;
}

div.categoryChooser div.changer form span.button {
	clear: left;
}

*/
/* --- attachment callout; --- 
div.fileAttachment {
}

div.fileAttachment div.callout {
	padding: 0px 0px 8px 0px;
	
	background: transparent url(/images/attachment_bottom.png) no-repeat left bottom;
*/
	
	/* nb. we don't hide attachment callouts as are part of the form - just push off screen; */
	/*
	top: -2000px;
	left: -2000px;	
	display: block;

	width: 299px;
}

div#contentBody  div.fileAttachment div.callout div.content {
	padding: 8px 3px 0px 15px;
	background: transparent url(/images/attachment_top.png) no-repeat left top;
	overflow: hidden;
	zoom: 1;
}
div#contentBody div.fileAttachment div.callout fieldset {
	margin: 0;
	padding: 5px 13px 20px 13px;
}

div#contentBody div.fileAttachment div.callout fieldset label {
	margin: 0px 0px 10px 0px;
	padding: 0;
	color: #00A1E4;
	display: block;
}
div#contentBody div.fileAttachment div.callout fieldset input {
	margin: 0;
	padding: 0;
	display: block;
}

div#contentBody div.fileAttachment div.callout fieldset div.notvisible {
	position: absolute;
	top: -2000px;
	left: -2000px;
}

div#contentBody div.fileAttachment div.callout  div.buttons  {
	padding-left: 15px;
}

div#contentBody div.fileAttachment div.callout ul {
	margin: 0px 0px 10px 0px;
	padding: 0;
	list-style-type: none;	
	width: auto;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #fff;	
	display: none;
}
div#contentBody div.fileAttachment div.callout ul.hasItems {
	display:block;
}

div#contentBody div.fileAttachment div.callout li {
	margin: 0;
	padding: 2px 15px 2px 15px;
	overflow: hidden;
	zoom: 1;
	width: auto;
	border-top: 1px solid #fff;	
	border-bottom: 1px solid #e2e2e2;
}
div#contentBody div.fileAttachment div.callout li span {
	float: left;
	font-weight: normal;
}
div#contentBody div.fileAttachment div.callout li a {
	float: right;
	font-weight: normal;
	color: #666;
	text-decoration: underline;
}
div#contentBody div.fileAttachment div.callout a.remove {
	font-weight: normal;
	color: #666;
	text-decoration: underline;
	display: none;	
}
*/
/* ---------------------------------------------------------------------------------------------------- */
/* --- help callout ---

div#inPageHelp div.callout {
	width: 382px;
}
div#inPageHelp div.callout div.top {
	margin: 0;
	padding: 6px 16px 0px 1px;
	background: transparent url(/images/help_top.png) no-repeat left top;
}
div#inPageHelp div.callout div.top div.content {
	padding: 0px 10px 10px 10px;
	border-bottom: 1px solid #e2e2e2;
}
div#inPageHelp div.callout div.more {
	margin: 0;
	padding: 0px 16px 6px 1px;
	background: transparent url(/images/help_bottom.png) no-repeat left bottom;
}
div#inPageHelp div.callout div.more div.content {
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #fff;
	overflow: hidden;
	zoom: 1;
}

div#inPageHelp div.callout div.top p {
	margin: 0px 0px 10px 0px;
	clear: both;
}

div#inPageHelp div.callout div.more p {
	margin: 0px 0px 10px 0px;
	clear: both;
}

div#inPageHelp div.callout div.top p.heading {
	margin: 10px 0px 10px 0px;
}
 */

/* ---------------------------------------------------------------------------------------------------- */
/* --- modal alert ---

div#modalAlert {
	margin: 0;
	padding: 0;
	position: relative;
	display: none;
}

div#modalAlert.on {
	display: block;
}

div#modalAlert div.overlay {	
	margin: 0;
	padding: 0;

	background-color: #fff;
	
	position: absolute;
	opacity: 0.7;
	z-index: 100000;
	
	width: 959px;
	left: 0px;
}

div#modalAlert div.modal {
	margin: 0;
	padding: 0 0 9px 0;
	background: transparent url(/images/modal_bottom.png) no-repeat left bottom;
	width: 451px;
	position: absolute;
	z-index: 100001;
}

div#modalAlert div.modal div.content {
	margin: 0;
	padding: 2px 6px 0px 3px;
	background: transparent url(/images/modal_top.png) no-repeat left top;	
}

div#modalAlert div.modal div.prompt {
	margin: 25px 30px 0px 25px;
	padding: 5px 0px 0px 65px;
	
	background: transparent url(/images/icons/generic/51x50_yellow_alert.gif) no-repeat left top;
}

div#modalAlert div.modal div.prompt h1 {
	margin: 0 0 10px 0;
	padding: 0;
}
div#modalAlert div.modal div.prompt p {
	margin: 0;
	padding: 0;
}
div#modalAlert div.modal div.buttons {
	margin: 20px 0 0 90px;
	padding: 0 0 20px 0;
	overflow: hidden;
	zoom: 1;
}
div#modalAlert div.modal div.buttons a {
	margin-right: 10px;
}
 */
/* --- end of file --- */


